<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户信息修改</title>
    <style type="text/css">
body {
    min-height     : 100vh;
    width          : 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
    background     : linear-gradient(20deg, #c3e7fc, #013c8a);
}
#yonghu{
    background-color: #00000064;
    text-align:center;
    margin: 0px auto;
    margin-top: 150px;
    color: aliceblue;
    }
    </style>
</head>
    <body>
        <div id="yonghu">
        <div align="center"><h1>用户信息修改</h1></div>
        <form name="UserInfo" method="Post" action="UserLogin.jsp">
            <table align="center" width="500">
                <tr>
                    <td width="200" height="26">&nbsp;&nbsp;用户名：</td>
                    <td width="300" height="26"><input typr="text" name="username" size="40"></td>
                </tr>
                <tr>
                    <td width="200" height="26" class="mima">&nbsp;&nbsp;新密码：</td>
                    <td width="300" height="26"><input type="password" name="userkey1" size="40" maxlength="35"></td>
                <tr>
                    <td width="200" height="26">&nbsp;&nbsp;确认密码:</td>
                    <td width="300" height="26"><input type="password" name="userkey2" size="40" maxlength="35"></td>
                </tr>
                <tr>
                    <td width="200" height="26">&nbsp;&nbsp;性&nbsp;&nbsp;别:</td>
                    <td width="300" height="26"><input type="radio" name="sex" value="男" checked>男<input type="radio" name="sex" value="女" checked>女</td>
                </tr>
                <tr>
                    <td width="200" height="26">&nbsp;&nbsp;生&nbsp;&nbsp;日:</td>
                    <td width="300" height="26"><input type="password" name="userkey1" size="40" maxlength="35"></td>
                </tr>
                <tr>
                    <td width="200" height="26">&nbsp;&nbsp;教育水平：</td>
                    <td width="300" height="26">
                        <select name="edu">
                            <option value="博士研究生学历">博士研究生学历</option>
                            <option value="硕士学历">硕士研究生学历</option>
                            <option value="本科">本科学历</option>
                            <option value="大专及以下">大专及以下</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td colspan=2 width=400 align=left valign="top">
                        <fieldset>
                            <legend>爱好</legend>
                            <p>&nbsp;&nbsp;请选择你的爱好：</p>
                            <p><label><input type="checkbox" name="favor1" value="favor1" >读书</label>
                                &nbsp;&nbsp;
                                <label><input type="checkbox" name="favor2" value="favor2" >旅游</label>
                                &nbsp;&nbsp;
                                <label><input type="checkbox" name="favor3" value="favor3" >音乐</label>
                                &nbsp;&nbsp;
                                <label><input type="checkbox" name="favor4" value="favor4" >运动</label>
                                &nbsp;&nbsp;
                                <label><input type="checkbox" name="favor4" value="favor4" >游戏</label>
                                &nbsp;&nbsp;
                                <label><input type="checkbox" name="favor4" value="favor4" >睡觉</label>
                            </p>
                        </fieldset>
                    </td>
                </tr>
                <tr>
                    <td width="200">&nbsp;&nbsp;自我评价:</td>
                    <td width="300"><u><textarea name="word" rows="5" cols="40"></textarea></u></td>
                </tr>
                <tr>
                    <td colspan=2 width=400 align=center valign=top>请上传你的头像图片：<input type="file" name="headpic"></td>
                </tr>
                <tr>
                    <td width="100" height="26">&nbsp;&nbsp;电子邮箱：</td>
                    <td width="400" height="26"><u><input type="text" name="email" size="30" maxlength="50"> </u></td>
                </tr>
                <tr>
                    <td width=200 align=right><input type="reset" src="submit.jpg" name="reset" value="确定"></td>
                    <td width=300 align=center valign=middle><input type="reset" name="reset" value="取消"></td>
                </tr>
            </table>
        </form>
    </div>
    </body>
</html>

